.iconNav span{background-color: #000;}

/* 筛选案例  Screening Cases */
.screen-content{width: 100%;height: 318px;}
.screen-content .screen-box{overflow: hidden;width: 980px;margin: 0 auto;padding-top: 219px;}
.screen-box .select-box{float: left;width: 300px;margin-right: 40px;}
.screen-box .select-box:last-child{margin-right: 0;}
.select-box p{position: relative;width: 268px;height: 48px;line-height: 48px;border: 1px solid #424242;font-size: 18px;padding-left: 30px;}
.select-box p a{font-size: 18px;}
.select-box p .close-cur{position: absolute;right: 45px;top: 15px;cursor: pointer;display: none;}
.select-box p .triangle{position: absolute;right: 15px;top: 18px;width: 0;height: 0;border: 9px solid #000;border-color: #000 transparent transparent;transition: .5s;transform-origin: 50% 30%;cursor: pointer;}
.select-box ul{display: none;}
.select-box ul li{position: relative;height: 50px;line-height: 50px;background-color: #fff;z-index: 5;}
.select-box ul li a{display: inline-block;width: 100%;font-size: 18px;padding-left: 31px;box-sizing: border-box;}
.select-box ul li:hover{background-color: #f2e324;}

/* 案例展示  Case Presentation */
.case-content{width: 100%;text-align: center;margin-bottom: 108px;}
.case-content .case-list{min-width: 1180px;overflow: hidden;}
.case-list .case-item{position: relative;float: left;width: calc(100% / 3);}
.case-item a{display: inline-block;width: 100%;overflow: hidden;}
.case-item a img{width: 100%;transition: .5s;}
.case-item:hover a img{transform: scale(1.05);}
.case-item .case-bgc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 1;visibility: hidden;opacity: 0;}
.case-item .case-tex{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;visibility: hidden;opacity: 0;}
.case-tex p{color: #f2e324;}
.case-tex p:first-child{font-size: 18px;margin-top: 23.5%;padding-bottom: 4px;}
.case-tex p:last-child{display: inline-block;position: relative;padding: 7px 8px 0;}
.case-tex p:last-child::before{content: '';position: absolute;left: 51%;right: 51%;top: 0;height: 1px;background-color: #888234;transition: .5s;}
.case-tex p:last-child{font-size: 12px;}
.case-item:hover .case-tex p:last-child::before{left: 0;right: 0;}
.case-item:hover .case-bgc{opacity: 0.7;filter: alpha(opacity=70);visibility: visible;}
.case-item:hover .case-tex{opacity: 1;visibility: visible;}
.case-content .switch-page{position: relative;margin: 74px 100px 0;}
.switch-page .switch-page-button{position: relative;width: 264px;height: 50px;line-height: 50px;border-radius: 25px;background-color: #f2e324;margin: 0 auto;font-size: 18px;}
.switch-page-button .select-page-btn{position: absolute;}
.select-page-btn{font-weight: bold;cursor: pointer;font-size: 18px;font-family: 'GothamMedium';}
.select-prev-page{margin-left: -33px;}
.select-next-page{margin-left: 22px;}
.switch-page .switch-page-num{position: absolute;right: 0;top: 8px;font-size: 18px;color: #000;z-index: 100;}
.switch-page-num input{width: 42px;height: 31px;line-height: 31px;border: 1px solid #878787;text-align: center;font-size: 18px;color: #000;margin-right: 10px;font-family: 'GothamMedium';}
.switch-page-num .page-total{font-size: 18px;color: #000;font-family: 'GothamMedium';}
.switch-page-num .select-prev-page{margin-right: 22px;}

/* 案例详情页  Case details page */
.case-detail-content{width: 100%;margin-bottom: 85px;}
.case-detail-content img{width: 100%;}
.case-detail-content .case-detail-title{margin: 110px 100px 93px;}
.case-detail-title h2{text-transform: uppercase;font-size: 40px;font-weight: 400;font-family: 'GothamMedium';}
.case-detail-title p{font-size: 24px;margin-top: 10px;}
.case-detail-content .case-presentation{margin: 0 100px;}
.case-presentation p:first-child{font-size: 12px;font-family: 'GothamLight';}
.case-presentation p:last-child{font-size: 24px;margin-top: 6px;}
.case-detail-content .case-info{margin: 36px 100px 85px;overflow: hidden;}
.case-info .case-category{float: left;width: 50%;font-size: 18px;}
.case-info .category-description{float: left;width: 50%;font-size: 18px;}
.category-description div:nth-child(2){margin-top: 36px;}
.category-description div p{line-height: 36px;font-size: 18px;}
.category-description div p *{font-size: inherit !important;}

.case-banner{position: relative;width: 100%;overflow: hidden;}

.case-banner .imgList{width: 3000%;height: 100%;overflow: hidden;}
.imgList .imgItem{float: left;width: calc(100% / 30);}
.imgItem a{display: inline-block;}
.imgItem a img{width: 100%;}

.case-banner .pageList{position: absolute;left: 50%;transform: translateX(-50%);bottom: 33px;z-index: 15;cursor: pointer;}
.pageList .pageItem{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 30px;background-color: #737271;}
.pageList .pageItem:last-child{margin-right: 0;}
.pageList .pageActive{background-color: #f2e324;}
.pageList .pageItem:hover{background-color: #f2e324;}

.case-banner .banner-prev{position: absolute;top: 50%;margin-top: -47px;left: -48px;width: 48px;height: 95px;z-index: 50;cursor: pointer;transition: .5s;}
.case-banner .banner-next{position: absolute;top: 50%;margin-top: -47px;right: -48px;width: 48px;height: 95px;z-index: 50;cursor: pointer;transition: .5s;}
.case-banner:hover .banner-prev{left: 100px;}
.case-banner:hover .banner-next{right: 100px;}

.case-detail-content .related-cases{margin: 76px 100px 99px;}
.related-cases h2{font-size: 18px;text-align: center;font-weight: 400;font-family: 'GothamLight';}
.related-cases h2::before,.related-cases h2::after{display: inline-block;content: '';width: calc((100% - 221px) / 2);height: 1px;background-color: #424242;vertical-align: middle;}
.related-cases h2::before{margin-right: 15px;}
.related-cases h2::after{margin-left: 15px;}

.case-detail-content .case-list{margin: 0 100px;min-width: 980px;text-align: center;overflow: hidden;}